<!--
 * @Description  : 页头
 * @Author       : zhao
 * @Date         : 2022-07-13 16:09:06
 * @LastEditors  : zhao
 * @LastEditTime : 2022-07-27 10:35:42
-->

<template>
    <div class='Back'>
        <el-page-header :icon="ArrowLeft" :content="content" @back="goBack" />
    </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue'
import { ArrowLeft } from '@element-plus/icons-vue'
import { useRouter } from 'vue-router'
const props = defineProps({
    content: {
        type: String,
        default: '',
    }

})


const router = useRouter()
const goBack = () => {
    let paths = router.currentRoute.value.fullPath.split('/')
    router.push({ path: '/' + paths[1] })
}
</script>
<style lang='scss' scoped>
.Back {
    padding-bottom: 20px;
}
</style>
